<template>
  <div
    class="flex flex-col items-center justify-center w-screen h-screen overflow-hidden"
  >
    <img src="@/assets/images/404.png" class="w-60 h-60" alt="" srcset="" />
    <span class="text-[#83858A] text-[16px] mt-2"
      >抱歉，您所访问的页面不存在！</span
    >
    <div>
      <el-button
        type="primary"
        class="bg-[#164CFF] mt-6"
        @click="() => router.replace('/')"
        >返回首页</el-button
      >
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
</script>
